<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

    <!--公共无数据提示 开始-->
    <section class="no-data__wrap" th:if="${#lists.isEmpty(dataMap['list'])}">
        <em>&nbsp;</em>
        <p>亲，快快发表话题吧~~~</p>
    </section>
    <!--公共无数据提示 结束-->
    <input type="hidden" id="totalPages" th:value="${dataMap['pages']}"/>
    <input type="hidden" id="currentPage" th:value="${dataMap['pageNum']}"/>
    <li class="card-header" th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="topic:${dataMap['list']}">
        <a th:href="@{/mobile/class/topic/info?id={topicId}(topicId=${topic['id']})}">
            <div class="facebook-avatar mr5">
                <img class="wm-img list-block-userface" th:attr="data-src=${topic['createUser']['avatar']}" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" width="42" height="42">
            </div>
            <div class="facebook-name c-blue" th:text="${topic['createUser']['nickname']}==null?${topic['createUser']['ralName']}:${topic['createUser']['nickname']}"></div>
            <div class="facebook-date c-bbb" th:text="${#strings.substring(topic['createTime'],0,16)}"></div>
            <div class="mt5 ml5 mr5 question-info-txt__wrap">
                <h1 class="article-title" th:text="${topic['title']}"></h1>
                <div class="fs7 c-666 mt5 cm-desc-txt__twoLine" th:utext="${topic['content']}"></div>

                <div class="mt5" th:if="${!#strings.isEmpty(topic['topicImages'])} and ${#strings.listSplit(topic['topicImages'], ',').size() == 1}">

                </div>
                <div class="mt5" th:if="${!#strings.isEmpty(topic['topicImages']) && #strings.listSplit(topic['topicImages'], ',').size() > 1}">
                    <div class="topic-list-picture__wrap">
                        <section class="topic-list-picture-item" th:each=" topicImage : ${#strings.listSplit(topic['topicImages'], ',')}">
                            <aside class="topic-list-picture-shadow"></aside>
                            <img class="topic-l-picture" th:attr="data-src=${topicImage}" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}">
                        </section>
                    </div>
                </div>

            </div>
            <div class="card-footer">
                <span class="c-888">
                    <span th:text="${topic['lookNum']}"></span>
                    人阅读
                </span>
                <aside>
                    <span class="ml5 c-888"><em class="iconfont icon-huati1"></em>
                        <span class="vam fs7" th:text="${topic['replyNum']}"></span>
                    </span>
                    <span class="ml5 c-888"><em class="iconfont icon-xihuan"></em>
                        <span class="vam fs7" th:text="${topic['likeNum']}"></span>
                    </span>
                </aside>
            </div>
        </a>
    </li>
</html>